namespace ext
{
	using System;
	using System.Runtime.CompilerServices;
	using System.Html;
	using System.Collections;
	
	
	/// <summary>
	/// Panel is a container that has specific functionality and structural components that make
	/// it the perfect building block for application-oriented user interfaces.  Panels are, by virtue of their inheritance from {@link Ext.Container}, capable
	/// of being configured with a {@link Ext.Container#layout layout}, and containing child Components.  When either specifying child {@link Ext.Component#items items} of a Panel, or dynamically {@link Ext.Container#add adding} Components
	/// to a Panel, remember to consider how you wish the Panel to arrange those child elements, and whether
	/// those child elements need to be sized using one of Ext&apos;s built-in {@link Ext.Container#layout layout} schemes. By
	/// default, Panels use the {@link Ext.layout.ContainerLayout ContainerLayout} scheme. This simply renders
	/// child components, appending them one after the other inside the Container, and does not apply any sizing
	/// at all.  A Panel may also contain {@link #bbar bottom} and {@link #tbar top} toolbars, along...
	/// </summary>
	/// <htmlSummary>
	/// &lt;p&gt;Panel is a container that has specific functionality and structural components that make
	/// it the perfect building block for application-oriented user interfaces.&lt;/p&gt;
	/// &lt;p&gt;Panels are, by virtue of their inheritance from {@link Ext.Container}, capable
	/// of being configured with a {@link Ext.Container#layout layout}, and containing child Components.&lt;/p&gt;
	/// &lt;p&gt;When either specifying child {@link Ext.Component#items items} of a Panel, or dynamically {@link Ext.Container#add adding} Components
	/// to a Panel, remember to consider how you wish the Panel to arrange those child elements, and whether
	/// those child elements need to be sized using one of Ext&apos;s built-in &lt;code&gt;&lt;b&gt;{@link Ext.Container#layout layout}&lt;/b&gt;&lt;/code&gt; schemes. By
	/// default, Panels use the {@link Ext.layout.ContainerLayout ContainerLayout} scheme. This simply renders
	/// child components, appending them one after the other inside the Container, and &lt;b&gt;does not apply any sizing&lt;/b&gt;
	/// at all.&lt;/p&gt;
	/// &lt;p&gt;A Panel may also contain {@link #bbar bottom} and {@link #tbar top} toolbars, along with separate
	/// {@link #header}, {@link #footer} and {@link #body} sections (see {@link #frame} for additional
	/// information).&lt;/p&gt;
	/// &lt;p&gt;Panel also provides built-in {@link #collapsible expandable and collapsible behavior}, along with
	/// a variety of {@link #tools prebuilt tool buttons} that can be wired up to provide other customized
	/// behavior. Panels can be easily dropped into any {@link Ext.Container Container} or layout, and the
	/// layout and rendering pipeline is {@link Ext.Container#add completely managed by the framework}.&lt;/p&gt;
	/// </htmlSummary>
	/// <definedin>src\widgets\Panel.js</definedin>
	[ScriptName("Panel")]
	[ScriptNamespace("Ext")]
	[Imported()]
	public partial class Panel : ext.Container
	{
		
		#region Constructors
		/// <summary>Constructor</summary>
		/// <param name="config">The config object</param>
		public Panel(ext.Panel_Configuration config)
		{
		}
		
		/// <summary>Constructor</summary>
		public Panel()
		{
		}
		#endregion
		
		#region Fields
		/// <summary>
		/// A {@link Ext.DomHelper DomHelper} element specification object may be specified for any
		/// Panel Element.  By default, the Default element in the table below will be used for the html markup to
		/// create a child element with the commensurate Default class name (baseCls will be
		/// replaced by {@link #baseCls}):  
		/// Panel Default Default Custom Additional Additional
		/// Element element class element class style
		/// ======== ========================== ========= ============== ===========
		/// {@link #header} div {@link #baseCls}+&apos;-header&apos; {@link #headerCfg} headerCssClass headerStyle
		/// {@link #bwrap} div {@link #baseCls}+&apos;-bwrap&apos; {@link #bwrapCfg} bwrapCssClass bwrapStyle
		/// + tbar div {@link #baseCls}+&apos;-tbar&apos; {@link #tbarCfg} tbarCssClass tbarStyle
		/// + {@link #body} div {@link #baseCls}+&apos;-body&apos; {@link #bodyCfg} {@link #bodyCssClass} {@link #bodyStyle}
		/// + bbar div {@link #baseCls}+&apos;-bbar&apos; {@link #bbarCfg} bbarCssClass bbarStyle
		/// + {@link #footer} div {@link #baseCls}+&apos;-footer&apos; {@link #footerCfg}...
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A {@link Ext.DomHelper DomHelper} element specification object may be specified for any
		/// Panel Element.&lt;/p&gt;
		/// &lt;p&gt;By default, the Default element in the table below will be used for the html markup to
		/// create a child element with the commensurate Default class name (&lt;code&gt;baseCls&lt;/code&gt; will be
		/// replaced by &lt;code&gt;{@link #baseCls}&lt;/code&gt;):&lt;/p&gt;
		/// &lt;pre&gt;
		/// Panel Default Default Custom Additional Additional
		/// Element element class element class style
		/// ======== ========================== ========= ============== ===========
		/// {@link #header} div {@link #baseCls}+&apos;-header&apos; {@link #headerCfg} headerCssClass headerStyle
		/// {@link #bwrap} div {@link #baseCls}+&apos;-bwrap&apos; {@link #bwrapCfg} bwrapCssClass bwrapStyle
		/// + tbar div {@link #baseCls}+&apos;-tbar&apos; {@link #tbarCfg} tbarCssClass tbarStyle
		/// + {@link #body} div {@link #baseCls}+&apos;-body&apos; {@link #bodyCfg} {@link #bodyCssClass} {@link #bodyStyle}
		/// + bbar div {@link #baseCls}+&apos;-bbar&apos; {@link #bbarCfg} bbarCssClass bbarStyle
		/// + {@link #footer} div {@link #baseCls}+&apos;-footer&apos; {@link #footerCfg} footerCssClass footerStyle
		/// &lt;/pre&gt;
		/// &lt;p&gt;Configuring a Custom element may be used, for example, to force the {@link #body} Element
		/// to use a different form of markup than is created by default. An example of this might be
		/// to {@link Ext.Element#createChild create a child} Panel containing a custom content, such as
		/// a header, or forcing centering of all Panel content by having the body be a &amp;lt;center&amp;gt;
		/// element:&lt;/p&gt;
		/// &lt;pre&gt;&lt;code&gt;
		/// new Ext.Panel({
		/// title: &apos;Message Title&apos;,
		/// renderTo: Ext.getBody(),
		/// width: 200, height: 130,
		/// &lt;b&gt;bodyCfg&lt;/b&gt;: {
		/// tag: &apos;center&apos;,
		/// cls: &apos;x-panel-body&apos;, // Default class not applied if Custom element specified
		/// html: &apos;Message&apos;
		/// },
		/// footerCfg: {
		/// tag: &apos;h2&apos;,
		/// cls: &apos;x-panel-footer&apos;, // same as the Default class
		/// html: &apos;footer html&apos;
		/// },
		/// footerCssClass: &apos;custom-footer&apos;, // additional css class, see {@link Ext.element#addClass addClass}
		/// footerStyle: &apos;background-color:red&apos; // see {@link #bodyStyle}
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;The example above also explicitly creates a &lt;code&gt;{@link #footer}&lt;/code&gt; with custom markup and
		/// styling applied.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bodyCfg")]
		public object BodyCfg;
		
		/// <summary>
		/// A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #header} Element. See {@link #bodyCfg} also.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #header} Element. See &lt;code&gt;{@link #bodyCfg}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("headerCfg")]
		public object HeaderCfg;
		
		/// <summary>
		/// A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #bwrap} Element. See {@link #bodyCfg} also.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #bwrap} Element. See &lt;code&gt;{@link #bodyCfg}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bwrapCfg")]
		public object BwrapCfg;
		
		/// <summary>
		/// A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #tbar} Element. See {@link #bodyCfg} also.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #tbar} Element. See &lt;code&gt;{@link #bodyCfg}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("tbarCfg")]
		public object TbarCfg;
		
		/// <summary>
		/// A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #bbar} Element. See {@link #bodyCfg} also.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #bbar} Element. See &lt;code&gt;{@link #bodyCfg}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bbarCfg")]
		public object BbarCfg;
		
		/// <summary>
		/// A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #footer} Element. See {@link #bodyCfg} also.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A {@link Ext.DomHelper DomHelper} element specification object specifying the element structure
		/// of this Panel&apos;s {@link #footer} Element. See &lt;code&gt;{@link #bodyCfg}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("footerCfg")]
		public object FooterCfg;
		
		/// <summary>
		/// Panels themselves do not directly support being closed, but some Panel subclasses do (like
		/// {@link Ext.Window}) or a Panel Class within an {@link Ext.TabPanel}. Specify true
		/// to enable closing in such situations. Defaults to false.
		/// </summary>
		/// <htmlSummary>
		/// Panels themselves do not directly support being closed, but some Panel subclasses do (like
		/// {@link Ext.Window}) or a Panel Class within an {@link Ext.TabPanel}. Specify &lt;code&gt;true&lt;/code&gt;
		/// to enable closing in such situations. Defaults to &lt;code&gt;false&lt;/code&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("closable")]
		public bool Closable;
		
		/// <summary>
		/// The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in
		/// the document that specifies some panel-specific structural markup. When applyTo is used,
		/// constituent parts of the panel can be specified by CSS class name within the main element, and the panel
		/// will automatically create those components from that markup. Any required components not specified in the
		/// markup will be autogenerated if necessary.  The following class names are supported (baseCls will be replaced by {@link #baseCls}):   baseCls + &apos;-header&apos;  baseCls + &apos;-header-text&apos;  baseCls + &apos;-bwrap&apos;  baseCls + &apos;-tbar&apos;  baseCls + &apos;-body&apos;  baseCls + &apos;-bbar&apos;  baseCls + &apos;-footer&apos;   Using this config, a call to render() is not required. If applyTo is specified, any value passed for
		/// {@link #renderTo} will be ignored and the target element&apos;s parent node will automatically be used as the
		/// panel&apos;s container.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in
		/// the document that specifies some panel-specific structural markup. When &lt;code&gt;applyTo&lt;/code&gt; is used,
		/// constituent parts of the panel can be specified by CSS class name within the main element, and the panel
		/// will automatically create those components from that markup. Any required components not specified in the
		/// markup will be autogenerated if necessary.&lt;/p&gt;
		/// &lt;p&gt;The following class names are supported (baseCls will be replaced by {@link #baseCls}):&lt;/p&gt;
		/// &lt;ul&gt;&lt;li&gt;baseCls + &apos;-header&apos;&lt;/li&gt;
		/// &lt;li&gt;baseCls + &apos;-header-text&apos;&lt;/li&gt;
		/// &lt;li&gt;baseCls + &apos;-bwrap&apos;&lt;/li&gt;
		/// &lt;li&gt;baseCls + &apos;-tbar&apos;&lt;/li&gt;
		/// &lt;li&gt;baseCls + &apos;-body&apos;&lt;/li&gt;
		/// &lt;li&gt;baseCls + &apos;-bbar&apos;&lt;/li&gt;
		/// &lt;li&gt;baseCls + &apos;-footer&apos;&lt;/li&gt;&lt;/ul&gt;
		/// &lt;p&gt;Using this config, a call to render() is not required. If applyTo is specified, any value passed for
		/// {@link #renderTo} will be ignored and the target element&apos;s parent node will automatically be used as the
		/// panel&apos;s container.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("applyTo")]
		public object ApplyTo;
		
		/// <summary>
		/// The top toolbar of the panel. This can be a {@link Ext.Toolbar} object, a toolbar config, or an array of
		/// buttons/button configs to be added to the toolbar. Note that this is not available as a property after render.
		/// To access the top toolbar after render, use {@link #getTopToolbar}.  Note: Although a Toolbar may contain Field components, these will not be updated by a load
		/// of an ancestor FormPanel. A Panel&apos;s toolbars are not part of the standard Container-&gt;Component hierarchy, and
		/// so are not scanned to collect form items. However, the values will be submitted because form
		/// submission parameters are collected from the DOM tree.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;The top toolbar of the panel. This can be a {@link Ext.Toolbar} object, a toolbar config, or an array of
		/// buttons/button configs to be added to the toolbar. Note that this is not available as a property after render.
		/// To access the top toolbar after render, use {@link #getTopToolbar}.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Note:&lt;/b&gt; Although a Toolbar may contain Field components, these will &lt;b&gt;not&lt;/b&gt; be updated by a load
		/// of an ancestor FormPanel. A Panel&apos;s toolbars are not part of the standard Container-&gt;Component hierarchy, and
		/// so are not scanned to collect form items. However, the values &lt;b&gt;will&lt;/b&gt; be submitted because form
		/// submission parameters are collected from the DOM tree.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("tbar")]
		public ext.auto.System_Object_Or_System_Array Tbar;
		
		/// <summary>
		/// The bottom toolbar of the panel. This can be a {@link Ext.Toolbar} object, a toolbar config, or an array of
		/// buttons/button configs to be added to the toolbar. Note that this is not available as a property after render.
		/// To access the bottom toolbar after render, use {@link #getBottomToolbar}.  Note: Although a Toolbar may contain Field components, these will not be updated by a load
		/// of an ancestor FormPanel. A Panel&apos;s toolbars are not part of the standard Container-&gt;Component hierarchy, and
		/// so are not scanned to collect form items. However, the values will be submitted because form
		/// submission parameters are collected from the DOM tree.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;The bottom toolbar of the panel. This can be a {@link Ext.Toolbar} object, a toolbar config, or an array of
		/// buttons/button configs to be added to the toolbar. Note that this is not available as a property after render.
		/// To access the bottom toolbar after render, use {@link #getBottomToolbar}.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Note:&lt;/b&gt; Although a Toolbar may contain Field components, these will &lt;b&gt;not&lt;/b&gt; be updated by a load
		/// of an ancestor FormPanel. A Panel&apos;s toolbars are not part of the standard Container-&gt;Component hierarchy, and
		/// so are not scanned to collect form items. However, the values &lt;b&gt;will&lt;/b&gt; be submitted because form
		/// submission parameters are collected from the DOM tree.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bbar")]
		public ext.auto.System_Object_Or_System_Array Bbar;
		
		/// <summary>
		/// A {@link Ext.Toolbar Toolbar} object, a Toolbar config, or an array of
		/// {@link Ext.Button Button}s/{@link Ext.Button Button} configs, describing a {@link Ext.Toolbar Toolbar} to be rendered into this Panel&apos;s footer element.  After render, the fbar property will be an {@link Ext.Toolbar Toolbar} instance.  If {@link #buttons} are specified, they will supersede the fbar configuration property. 
		/// The Panel&apos;s {@link #buttonAlign} configuration affects the layout of these items, for example:
		/// 
		/// var w = new Ext.Window({
		/// height: 250,
		/// width: 500,
		/// bbar: new Ext.Toolbar({
		/// items: [{
		/// text: &apos;bbar Left&apos;
		/// },&apos;-&gt;&apos;,{
		/// text: &apos;bbar Right&apos;
		/// }]
		/// }),
		/// {@link #buttonAlign}: &apos;left&apos;, // anything but &apos;center&apos; or &apos;right&apos; and you can use &apos;-&apos;, and &apos;-&gt;&apos;
		/// // to control the alignment of fbar items
		/// fbar: [{
		/// text: &apos;fbar Left&apos;
		/// },&apos;-&gt;&apos;,{
		/// text: &apos;fbar Right&apos;
		/// }]
		/// }).show();
		///  Note: Although a Toolbar may contain Field components, these will not be updated by a load
		/// of an ancestor FormPanel. A Panel&apos;s...
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A {@link Ext.Toolbar Toolbar} object, a Toolbar config, or an array of
		/// {@link Ext.Button Button}s/{@link Ext.Button Button} configs, describing a {@link Ext.Toolbar Toolbar} to be rendered into this Panel&apos;s footer element.&lt;/p&gt;
		/// &lt;p&gt;After render, the &lt;code&gt;fbar&lt;/code&gt; property will be an {@link Ext.Toolbar Toolbar} instance.&lt;/p&gt;
		/// &lt;p&gt;If &lt;code&gt;{@link #buttons}&lt;/code&gt; are specified, they will supersede the &lt;code&gt;fbar&lt;/code&gt; configuration property.&lt;/p&gt;
		/// The Panel&apos;s &lt;code&gt;{@link #buttonAlign}&lt;/code&gt; configuration affects the layout of these items, for example:
		/// &lt;pre&gt;&lt;code&gt;
		/// var w = new Ext.Window({
		/// height: 250,
		/// width: 500,
		/// bbar: new Ext.Toolbar({
		/// items: [{
		/// text: &apos;bbar Left&apos;
		/// },&apos;-&gt;&apos;,{
		/// text: &apos;bbar Right&apos;
		/// }]
		/// }),
		/// {@link #buttonAlign}: &apos;left&apos;, // anything but &apos;center&apos; or &apos;right&apos; and you can use &apos;-&apos;, and &apos;-&gt;&apos;
		/// // to control the alignment of fbar items
		/// fbar: [{
		/// text: &apos;fbar Left&apos;
		/// },&apos;-&gt;&apos;,{
		/// text: &apos;fbar Right&apos;
		/// }]
		/// }).show();
		/// &lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;&lt;b&gt;Note:&lt;/b&gt; Although a Toolbar may contain Field components, these will &lt;b&gt;not&lt;/b&gt; be updated by a load
		/// of an ancestor FormPanel. A Panel&apos;s toolbars are not part of the standard Container-&gt;Component hierarchy, and
		/// so are not scanned to collect form items. However, the values &lt;b&gt;will&lt;/b&gt; be submitted because form
		/// submission parameters are collected from the DOM tree.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("fbar")]
		public ext.auto.System_Object_Or_System_Array Fbar;
		
		/// <summary>
		/// true to create the Panel&apos;s header element explicitly, false to skip creating
		/// it. If a {@link #title} is set the header will be created automatically, otherwise it will not.
		/// If a {@link #title} is set but header is explicitly set to false, the header
		/// will not be rendered.
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to create the Panel&apos;s header element explicitly, &lt;code&gt;false&lt;/code&gt; to skip creating
		/// it. If a &lt;code&gt;{@link #title}&lt;/code&gt; is set the header will be created automatically, otherwise it will not.
		/// If a &lt;code&gt;{@link #title}&lt;/code&gt; is set but &lt;code&gt;header&lt;/code&gt; is explicitly set to &lt;code&gt;false&lt;/code&gt;, the header
		/// will not be rendered.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("header")]
		public bool Header;
		
		/// <summary>
		/// true to create the footer element explicitly, false to skip creating it. The footer
		/// will be created automatically if {@link #buttons} or a {@link #fbar} have
		/// been configured. See {@link #bodyCfg} for an example.
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to create the footer element explicitly, false to skip creating it. The footer
		/// will be created automatically if &lt;code&gt;{@link #buttons}&lt;/code&gt; or a &lt;code&gt;{@link #fbar}&lt;/code&gt; have
		/// been configured. See &lt;code&gt;{@link #bodyCfg}&lt;/code&gt; for an example.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("footer")]
		public bool Footer;
		
		/// <summary>
		/// The title text to be used as innerHTML (html tags are accepted) to display in the panel
		/// {@link #header} (defaults to &apos;&apos;). When a title is specified the
		/// {@link #header} element will automatically be created and displayed unless
		/// {@link #header} is explicitly set to false. If you do not want to specify a
		/// title at config time, but you may want one later, you must either specify a non-empty
		/// title (a blank space &apos; &apos; will do) or header:true so that the container
		/// element will get created.
		/// </summary>
		/// <htmlSummary>
		/// The title text to be used as innerHTML (html tags are accepted) to display in the panel
		/// &lt;code&gt;{@link #header}&lt;/code&gt; (defaults to &apos;&apos;). When a &lt;code&gt;title&lt;/code&gt; is specified the
		/// &lt;code&gt;{@link #header}&lt;/code&gt; element will automatically be created and displayed unless
		/// {@link #header} is explicitly set to &lt;code&gt;false&lt;/code&gt;. If you do not want to specify a
		/// &lt;code&gt;title&lt;/code&gt; at config time, but you may want one later, you must either specify a non-empty
		/// &lt;code&gt;title&lt;/code&gt; (a blank space &apos; &apos; will do) or &lt;code&gt;header:true&lt;/code&gt; so that the container
		/// element will get created.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("title")]
		public string Title;
		
		/// <summary>
		/// buttons will be used as {@link Ext.Container#items items} for the toolbar in
		/// the footer ({@link #fbar}). Typically the value of this configuration property will be
		/// an array of {@link Ext.Button}s or {@link Ext.Button} configuration objects.
		/// If an item is configured with minWidth or the Panel is configured with minButtonWidth,
		/// that width will be applied to the item.
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;buttons&lt;/code&gt; will be used as &lt;code&gt;{@link Ext.Container#items items}&lt;/code&gt; for the toolbar in
		/// the footer (&lt;code&gt;{@link #fbar}&lt;/code&gt;). Typically the value of this configuration property will be
		/// an array of {@link Ext.Button}s or {@link Ext.Button} configuration objects.
		/// If an item is configured with &lt;code&gt;minWidth&lt;/code&gt; or the Panel is configured with &lt;code&gt;minButtonWidth&lt;/code&gt;,
		/// that width will be applied to the item.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("buttons")]
		public System.Array Buttons;
		
		/// <summary>
		/// A valid url spec according to the Updater {@link Ext.Updater#update} method.
		/// If autoLoad is not null, the panel will attempt to load its contents
		/// immediately upon render. 
		/// The URL will become the default URL for this panel&apos;s {@link #body} element,
		/// so it may be {@link Ext.Element#refresh refresh}ed at any time.
		/// </summary>
		/// <htmlSummary>
		/// A valid url spec according to the Updater {@link Ext.Updater#update} method.
		/// If autoLoad is not null, the panel will attempt to load its contents
		/// immediately upon render.&lt;p&gt;
		/// The URL will become the default URL for this panel&apos;s {@link #body} element,
		/// so it may be {@link Ext.Element#refresh refresh}ed at any time.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("autoLoad")]
		public ext.auto.System_Object_Or_System_String_Or_System_Delegate AutoLoad;
		
		/// <summary>
		/// false by default to render with plain 1px square borders. true to render with
		/// 9 elements, complete with custom rounded corners (also see {@link Ext.Element#boxWrap}).
		/// The template generated for each condition is depicted below:  
		///
		/// // frame = false
		/// &amp;lt;div id=&quot;developer-specified-id-goes-here&quot; class=&quot;x-panel&quot;&gt;
		///
		/// &amp;lt;div class=&quot;x-panel-header&quot;&gt;&amp;lt;span class=&quot;x-panel-header-text&quot;&gt;Title: (frame:false)&amp;lt;/span&gt;&amp;lt;/div&gt;
		///
		/// &amp;lt;div class=&quot;x-panel-bwrap&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-body&quot;&gt;&amp;lt;p&gt;html value goes here&amp;lt;/p&gt;&amp;lt;/div&gt;
		/// &amp;lt;/div&gt;
		/// &amp;lt;/div&gt;
		///
		/// // frame = true (create 9 elements)
		/// &amp;lt;div id=&quot;developer-specified-id-goes-here&quot; class=&quot;x-panel&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-tl&quot;&gt;&amp;lt;div class=&quot;x-panel-tr&quot;&gt;&amp;lt;div class=&quot;x-panel-tc&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-header&quot;&gt;&amp;lt;span class=&quot;x-panel-header-text&quot;&gt;Title: (frame:true)&amp;lt;/span&gt;&amp;lt;/div&gt;
		/// &amp;lt;/div&gt;&amp;lt;/div&gt;&amp;lt;/div&gt;
		///
		/// &amp;lt;div class=&quot;x-panel-bwrap&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-ml&quot;&gt;&amp;lt;div class=&quot;x-panel-mr&quot;&gt;&amp;lt;div class=&quot;x-panel-mc&quot;&gt;...
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;false&lt;/code&gt; by default to render with plain 1px square borders. &lt;code&gt;true&lt;/code&gt; to render with
		/// 9 elements, complete with custom rounded corners (also see {@link Ext.Element#boxWrap}).
		/// &lt;p&gt;The template generated for each condition is depicted below:&lt;/p&gt;&lt;pre&gt;&lt;code&gt;
		///
		/// // frame = false
		/// &amp;lt;div id=&quot;developer-specified-id-goes-here&quot; class=&quot;x-panel&quot;&gt;
		///
		/// &amp;lt;div class=&quot;x-panel-header&quot;&gt;&amp;lt;span class=&quot;x-panel-header-text&quot;&gt;Title: (frame:false)&amp;lt;/span&gt;&amp;lt;/div&gt;
		///
		/// &amp;lt;div class=&quot;x-panel-bwrap&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-body&quot;&gt;&amp;lt;p&gt;html value goes here&amp;lt;/p&gt;&amp;lt;/div&gt;
		/// &amp;lt;/div&gt;
		/// &amp;lt;/div&gt;
		///
		/// // frame = true (create 9 elements)
		/// &amp;lt;div id=&quot;developer-specified-id-goes-here&quot; class=&quot;x-panel&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-tl&quot;&gt;&amp;lt;div class=&quot;x-panel-tr&quot;&gt;&amp;lt;div class=&quot;x-panel-tc&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-header&quot;&gt;&amp;lt;span class=&quot;x-panel-header-text&quot;&gt;Title: (frame:true)&amp;lt;/span&gt;&amp;lt;/div&gt;
		/// &amp;lt;/div&gt;&amp;lt;/div&gt;&amp;lt;/div&gt;
		///
		/// &amp;lt;div class=&quot;x-panel-bwrap&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-ml&quot;&gt;&amp;lt;div class=&quot;x-panel-mr&quot;&gt;&amp;lt;div class=&quot;x-panel-mc&quot;&gt;
		/// &amp;lt;div class=&quot;x-panel-body&quot;&gt;&amp;lt;p&gt;html value goes here&amp;lt;/p&gt;&amp;lt;/div&gt;
		/// &amp;lt;/div&gt;&amp;lt;/div&gt;&amp;lt;/div&gt;
		///
		/// &amp;lt;div class=&quot;x-panel-bl&quot;&gt;&amp;lt;div class=&quot;x-panel-br&quot;&gt;&amp;lt;div class=&quot;x-panel-bc&quot;/&gt;
		/// &amp;lt;/div&gt;&amp;lt;/div&gt;&amp;lt;/div&gt;
		/// &amp;lt;/div&gt;
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("frame")]
		public bool Frame;
		
		/// <summary>
		/// True to display the borders of the panel&apos;s body element, false to hide them (defaults to true). By default,
		/// the border is a 2px wide inset border, but this can be further altered by setting {@link #bodyBorder} to false.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("border")]
		public bool Border;
		
		/// <summary>
		/// True to display an interior border on the body element of the panel, false to hide it (defaults to true).
		/// This only applies when {@link #border} == true. If border == true and bodyBorder == false, the border will display
		/// as a 1px wide inset border, giving the entire body element an inset appearance.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bodyBorder")]
		public bool BodyBorder;
		
		/// <summary>
		/// Additional css class selector to be applied to the {@link #body} element in the format expected by
		/// {@link Ext.Element#addClass} (defaults to null). See {@link #bodyCfg}.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bodyCssClass")]
		public ext.auto.System_Object_Or_System_String_Or_System_Delegate BodyCssClass;
		
		/// <summary>
		/// Custom CSS styles to be applied to the {@link #body} element in the format expected by
		/// {@link Ext.Element#applyStyles} (defaults to null). See {@link #bodyCfg}.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bodyStyle")]
		public ext.auto.System_Object_Or_System_String_Or_System_Delegate BodyStyle;
		
		/// <summary>
		/// The CSS class selector that specifies a background image to be used as the header icon (defaults to &apos;&apos;).
		/// An example of specifying a custom icon class would be something like:
		///  
		/// // specify the property in the config for the class:
		/// ...
		/// iconCls: &apos;my-icon&apos;
		///
		/// // css class that specifies background image to be used as the icon image:
		/// .my-icon { background-image: url(../images/my-icon.gif) 0 6px no-repeat !important; }
		/// </summary>
		/// <htmlSummary>
		/// The CSS class selector that specifies a background image to be used as the header icon (defaults to &apos;&apos;).
		/// &lt;p&gt;An example of specifying a custom icon class would be something like:
		/// &lt;/p&gt;&lt;pre&gt;&lt;code&gt;
		/// // specify the property in the config for the class:
		/// ...
		/// iconCls: &apos;my-icon&apos;
		///
		/// // css class that specifies background image to be used as the icon image:
		/// .my-icon { background-image: url(../images/my-icon.gif) 0 6px no-repeat !important; }
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("iconCls")]
		public string IconCls;
		
		/// <summary>
		/// True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into
		/// the header tool button area, false to keep the panel statically sized with no button (defaults to false).
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("collapsible")]
		public bool Collapsible;
		
		/// <summary>
		/// An array of tool button configs to be added to the header tool area. When rendered, each tool is
		/// stored as an {@link Ext.Element Element} referenced by a public property called tools.&amp;lt;tool-type&amp;gt; Each tool config may contain the following properties:
		///   id : String Required. The type
		/// of tool to create. By default, this assigns a CSS class of the form x-tool-&amp;lt;tool-type&amp;gt; to the
		/// resulting tool Element. Ext provides CSS rules, and an icon sprite containing images for the tool types listed below.
		/// The developer may implement custom tools by supplying alternate CSS rules and background images:
		///     toggle (Created by default when {@link #collapsible} is true)     close     minimize     maximize     restore     gear     pin     unpin     right     left     up     down     refresh     minus     plus     help     search     save     print     handler : Function Required. The function to
		/// call when clicked. Arguments passed are:  event : Ext.EventObject The click event.  ...
		/// </summary>
		/// <htmlSummary>
		/// An array of tool button configs to be added to the header tool area. When rendered, each tool is
		/// stored as an {@link Ext.Element Element} referenced by a public property called &lt;code&gt;&lt;b&gt;&lt;/b&gt;tools.&lt;i&gt;&amp;lt;tool-type&amp;gt;&lt;/i&gt;&lt;/code&gt;
		/// &lt;p&gt;Each tool config may contain the following properties:
		/// &lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;
		/// &lt;li&gt;&lt;b&gt;id&lt;/b&gt; : String&lt;div class=&quot;sub-desc&quot;&gt;&lt;b&gt;Required.&lt;/b&gt; The type
		/// of tool to create. By default, this assigns a CSS class of the form &lt;code&gt;x-tool-&lt;i&gt;&amp;lt;tool-type&amp;gt;&lt;/i&gt;&lt;/code&gt; to the
		/// resulting tool Element. Ext provides CSS rules, and an icon sprite containing images for the tool types listed below.
		/// The developer may implement custom tools by supplying alternate CSS rules and background images:
		/// &lt;ul&gt;
		/// &lt;div class=&quot;x-tool x-tool-toggle&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; toggle&lt;/code&gt; (Created by default when {@link #collapsible} is &lt;code&gt;true&lt;/code&gt;)&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-close&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; close&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-minimize&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; minimize&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-maximize&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; maximize&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-restore&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; restore&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-gear&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; gear&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-pin&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; pin&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-unpin&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; unpin&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-right&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; right&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-left&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; left&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-up&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; up&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-down&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; down&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-refresh&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; refresh&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-minus&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; minus&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-plus&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; plus&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-help&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; help&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-search&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; search&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-save&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; save&lt;/code&gt;&lt;/div&gt;
		/// &lt;div class=&quot;x-tool x-tool-print&quot; style=&quot;float:left; margin-right:5;&quot;&gt; &lt;/div&gt;&lt;div&gt;&lt;code&gt; print&lt;/code&gt;&lt;/div&gt;
		/// &lt;/ul&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;handler&lt;/b&gt; : Function&lt;div class=&quot;sub-desc&quot;&gt;&lt;b&gt;Required.&lt;/b&gt; The function to
		/// call when clicked. Arguments passed are:&lt;ul&gt;
		/// &lt;li&gt;&lt;b&gt;event&lt;/b&gt; : Ext.EventObject&lt;div class=&quot;sub-desc&quot;&gt;The click event.&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;toolEl&lt;/b&gt; : Ext.Element&lt;div class=&quot;sub-desc&quot;&gt;The tool Element.&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;panel&lt;/b&gt; : Ext.Panel&lt;div class=&quot;sub-desc&quot;&gt;The host Panel&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;tc&lt;/b&gt; : Object&lt;div class=&quot;sub-desc&quot;&gt;The tool configuration object&lt;/div&gt;&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;stopEvent&lt;/b&gt; : Boolean&lt;div class=&quot;sub-desc&quot;&gt;Defaults to true. Specify as false to allow click event to propagate.&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;scope&lt;/b&gt; : Object&lt;div class=&quot;sub-desc&quot;&gt;The scope in which to call the handler.&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;qtip&lt;/b&gt; : String/Object&lt;div class=&quot;sub-desc&quot;&gt;A tip string, or
		/// a config argument to {@link Ext.QuickTip#register}&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;hidden&lt;/b&gt; : Boolean&lt;div class=&quot;sub-desc&quot;&gt;True to initially render hidden.&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;on&lt;/b&gt; : Object&lt;div class=&quot;sub-desc&quot;&gt;A listener config object specifiying
		/// event listeners in the format of an argument to {@link #addListener}&lt;/div&gt;&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;
		/// &lt;p&gt;Note that, apart from the toggle tool which is provided when a panel is collapsible, these
		/// tools only provide the visual button. Any required functionality must be provided by adding
		/// handlers that implement the necessary behavior.&lt;/p&gt;
		/// &lt;p&gt;Example usage:&lt;/p&gt;
		/// &lt;pre&gt;&lt;code&gt;
		/// tools:[{
		/// id:&apos;refresh&apos;,
		/// qtip: &apos;Refresh form Data&apos;,
		/// // hidden:true,
		/// handler: function(event, toolEl, panel){
		/// // refresh logic
		/// }
		/// },
		/// {
		/// id:&apos;help&apos;,
		/// qtip: &apos;Get Help&apos;,
		/// handler: function(event, toolEl, panel){
		/// // whatever
		/// }
		/// }]
		/// &lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;For the custom id of &lt;code&gt;&apos;help&apos;&lt;/code&gt; define two relevant css classes with a link to
		/// a 15x15 image:&lt;/p&gt;
		/// &lt;pre&gt;&lt;code&gt;
		/// .x-tool-help {background-image: url(images/help.png);}
		/// .x-tool-help-over {background-image: url(images/help_over.png);}
		/// // if using an image sprite:
		/// .x-tool-help {background-image: url(images/help.png) no-repeat 0 0;}
		/// .x-tool-help-over {background-position:-15px 0;}
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("tools")]
		public System.Array Tools;
		
		/// <summary>
		/// A Template used to create {@link #tools} in the {@link #header} Element. Defaults to:  
		/// new Ext.Template(&apos;&amp;lt;div class=&quot;x-tool x-tool-{id}&quot;&gt;&amp;amp;#160;&amp;lt;/div&gt;&apos;)  This may may be overridden to provide a custom DOM structure for tools based upon a more
		/// complex XTemplate. The template&apos;s data is a single tool configuration object (Not the entire Array)
		/// as specified in {@link #tools}. In the following example an &amp;lt;a&gt; tag is used to provide a
		/// visual indication when hovering over the tool:  
		/// var win = new Ext.Window({
		/// tools: [{
		/// id: &apos;download&apos;,
		/// href: &apos;/MyPdfDoc.pdf&apos;
		/// }],
		/// toolTemplate: new Ext.XTemplate(
		/// &apos;&amp;lt;tpl if=&quot;id==\&apos;download\&apos;&quot;&gt;&apos;,
		/// &apos;&amp;lt;a class=&quot;x-tool x-tool-pdf&quot; href=&quot;{href}&quot;&gt;&amp;lt;/a&gt;&apos;,
		/// &apos;&amp;lt;/tpl&gt;&apos;,
		/// &apos;&amp;lt;tpl if=&quot;id!=\&apos;download\&apos;&quot;&gt;&apos;,
		/// &apos;&amp;lt;div class=&quot;x-tool x-tool-{id}&quot;&gt;&amp;amp;#160;&amp;lt;/div&gt;&apos;,
		/// &apos;&amp;lt;/tpl&gt;&apos;
		/// ),
		/// width:500,
		/// height:300,
		/// closeAction:&apos;hide&apos;
		/// });  Note that the CSS class &apos;x-tool-pdf&apos; should have an associated style rule which provides an
		/// appropriate...
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A Template used to create {@link #tools} in the {@link #header} Element. Defaults to:&lt;/p&gt;&lt;pre&gt;&lt;code&gt;
		/// new Ext.Template(&apos;&amp;lt;div class=&quot;x-tool x-tool-{id}&quot;&gt;&amp;amp;#160;&amp;lt;/div&gt;&apos;)&lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;This may may be overridden to provide a custom DOM structure for tools based upon a more
		/// complex XTemplate. The template&apos;s data is a single tool configuration object (Not the entire Array)
		/// as specified in {@link #tools}. In the following example an &amp;lt;a&gt; tag is used to provide a
		/// visual indication when hovering over the tool:&lt;/p&gt;&lt;pre&gt;&lt;code&gt;
		/// var win = new Ext.Window({
		/// tools: [{
		/// id: &apos;download&apos;,
		/// href: &apos;/MyPdfDoc.pdf&apos;
		/// }],
		/// toolTemplate: new Ext.XTemplate(
		/// &apos;&amp;lt;tpl if=&quot;id==\&apos;download\&apos;&quot;&gt;&apos;,
		/// &apos;&amp;lt;a class=&quot;x-tool x-tool-pdf&quot; href=&quot;{href}&quot;&gt;&amp;lt;/a&gt;&apos;,
		/// &apos;&amp;lt;/tpl&gt;&apos;,
		/// &apos;&amp;lt;tpl if=&quot;id!=\&apos;download\&apos;&quot;&gt;&apos;,
		/// &apos;&amp;lt;div class=&quot;x-tool x-tool-{id}&quot;&gt;&amp;amp;#160;&amp;lt;/div&gt;&apos;,
		/// &apos;&amp;lt;/tpl&gt;&apos;
		/// ),
		/// width:500,
		/// height:300,
		/// closeAction:&apos;hide&apos;
		/// });&lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;Note that the CSS class &apos;x-tool-pdf&apos; should have an associated style rule which provides an
		/// appropriate background image, something like:&lt;/p&gt;
		/// &lt;pre&gt;&lt;code&gt;
		/// a.x-tool-pdf {background-image: url(../shared/extjs/images/pdf.gif)!important;}
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("toolTemplate")]
		public ext.auto.ext_Template_Or_ext_XTemplate ToolTemplate;
		
		/// <summary>
		/// true to hide the expand/collapse toggle button when {@link #collapsible} == true,
		/// false to display it (defaults to false).
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to hide the expand/collapse toggle button when &lt;code&gt;{@link #collapsible} == true&lt;/code&gt;,
		/// &lt;code&gt;false&lt;/code&gt; to display it (defaults to &lt;code&gt;false&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("hideCollapseTool")]
		public bool HideCollapseTool;
		
		/// <summary>
		/// true to allow expanding and collapsing the panel (when {@link #collapsible} = true)
		/// by clicking anywhere in the header bar, false) to allow it only by clicking to tool button
		/// (defaults to false)). If this panel is a child item of a border layout also see the
		/// {@link Ext.layout.BorderLayout.Region BorderLayout.Region}
		/// {@link Ext.layout.BorderLayout.Region#floatable floatable} config option.
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to allow expanding and collapsing the panel (when &lt;code&gt;{@link #collapsible} = true&lt;/code&gt;)
		/// by clicking anywhere in the header bar, &lt;code&gt;false&lt;/code&gt;) to allow it only by clicking to tool button
		/// (defaults to &lt;code&gt;false&lt;/code&gt;)). If this panel is a child item of a border layout also see the
		/// {@link Ext.layout.BorderLayout.Region BorderLayout.Region}
		/// &lt;code&gt;{@link Ext.layout.BorderLayout.Region#floatable floatable}&lt;/code&gt; config option.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("titleCollapse")]
		public bool TitleCollapse;
		
		/// <summary>
		/// This property is used to configure the underlying {@link Ext.Layer}. Acceptable values for this
		/// configuration property are:    false : Default. Display the panel inline where it is
		/// rendered.   true :  Float the panel (absolute position it with automatic
		/// shimming and shadow).  Setting floating to true will create an Ext.Layer for this panel and display the
		/// panel at negative offsets so that it is hidden.  Since the panel will be absolute positioned, the position must be set explicitly
		/// after render (e.g., myPanel.setPosition(100,100);).  Note: when floating a panel you should always assign a fixed width,
		/// otherwise it will be auto width and will expand to fill to the right edge of the viewport.     {@link Ext.Layer object} :  The specified object will be used
		/// as the configuration object for the {@link Ext.Layer} that will be created.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;This property is used to configure the underlying {@link Ext.Layer}. Acceptable values for this
		/// configuration property are:&lt;/p&gt;&lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;
		/// &lt;li&gt;&lt;b&gt;&lt;code&gt;false&lt;/code&gt;&lt;/b&gt; : &lt;b&gt;Default.&lt;/b&gt;&lt;div class=&quot;sub-desc&quot;&gt;Display the panel inline where it is
		/// rendered.&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;&lt;code&gt;true&lt;/code&gt;&lt;/b&gt; : &lt;div class=&quot;sub-desc&quot;&gt;Float the panel (absolute position it with automatic
		/// shimming and shadow).&lt;ul&gt;
		/// &lt;div class=&quot;sub-desc&quot;&gt;Setting floating to true will create an Ext.Layer for this panel and display the
		/// panel at negative offsets so that it is hidden.&lt;/div&gt;
		/// &lt;div class=&quot;sub-desc&quot;&gt;Since the panel will be absolute positioned, the position must be set explicitly
		/// &lt;i&gt;after&lt;/i&gt; render (e.g., &lt;code&gt;myPanel.setPosition(100,100);&lt;/code&gt;).&lt;/div&gt;
		/// &lt;div class=&quot;sub-desc&quot;&gt;&lt;b&gt;Note&lt;/b&gt;: when floating a panel you should always assign a fixed width,
		/// otherwise it will be auto width and will expand to fill to the right edge of the viewport.&lt;/div&gt;
		/// &lt;/ul&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;&lt;code&gt;{@link Ext.Layer object}&lt;/code&gt;&lt;/b&gt; : &lt;div class=&quot;sub-desc&quot;&gt;The specified object will be used
		/// as the configuration object for the {@link Ext.Layer} that will be created.&lt;/div&gt;&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("floating")]
		public object Floating;
		
		/// <summary>
		/// true (or a valid Ext.Shadow {@link Ext.Shadow#mode} value) to display a shadow behind the
		/// panel, false to display no shadow (defaults to &apos;sides&apos;). Note that this option
		/// only applies when {@link #floating} = true.
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; (or a valid Ext.Shadow {@link Ext.Shadow#mode} value) to display a shadow behind the
		/// panel, &lt;code&gt;false&lt;/code&gt; to display no shadow (defaults to &lt;code&gt;&apos;sides&apos;&lt;/code&gt;). Note that this option
		/// only applies when &lt;code&gt;{@link #floating} = true&lt;/code&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("shadow")]
		public ext.auto.System_Boolean_Or_System_String Shadow;
		
		/// <summary>
		/// The number of pixels to offset the shadow if displayed (defaults to 4). Note that this
		/// option only applies when {@link #floating} = true.
		/// </summary>
		/// <htmlSummary>
		/// The number of pixels to offset the shadow if displayed (defaults to &lt;code&gt;4&lt;/code&gt;). Note that this
		/// option only applies when &lt;code&gt;{@link #floating} = true&lt;/code&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("shadowOffset")]
		public System.Number ShadowOffset;
		
		/// <summary>
		/// false to disable the iframe shim in browsers which need one (defaults to true).
		/// Note that this option only applies when {@link #floating} = true.
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;false&lt;/code&gt; to disable the iframe shim in browsers which need one (defaults to &lt;code&gt;true&lt;/code&gt;).
		/// Note that this option only applies when &lt;code&gt;{@link #floating} = true&lt;/code&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("shim")]
		public bool Shim;
		
		/// <summary>
		/// A {@link Ext.KeyMap} config object (in the format expected by {@link Ext.KeyMap#addBinding}
		/// used to assign custom key handling to this panel (defaults to null).
		/// </summary>
		/// <htmlSummary>
		/// A {@link Ext.KeyMap} config object (in the format expected by {@link Ext.KeyMap#addBinding}
		/// used to assign custom key handling to this panel (defaults to &lt;code&gt;null&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("keys")]
		public ext.auto.System_Object_Or_System_Array Keys;
		
		/// <summary>
		/// true to enable dragging of this Panel (defaults to false).  For custom drag/drop implementations, an Ext.Panel.DD config could also be passed
		/// in this config instead of true. Ext.Panel.DD is an internal, undocumented class which
		/// moves a proxy Element around in place of the Panel&apos;s element, but provides no other behaviour
		/// during dragging or on drop. It is a subclass of {@link Ext.dd.DragSource}, so behaviour may be
		/// added by implementing the interface methods of {@link Ext.dd.DragDrop} e.g.:
		/// 
		/// new Ext.Panel({
		/// title: &apos;Drag me&apos;,
		/// x: 100,
		/// y: 100,
		/// renderTo: Ext.getBody(),
		/// floating: true,
		/// frame: true,
		/// width: 400,
		/// height: 200,
		/// draggable: {
		/// // Config option of Ext.Panel.DD class.
		/// // It&apos;s a floating Panel, so do not show a placeholder proxy in the original position.
		/// insertProxy: false,
		///
		/// // Called for each mousemove event while dragging the DD object.
		/// onDrag : function(e){
		/// // Record the x,y position of the drag proxy so that we can
		/// // position the Panel at end of drag.
		/// ..
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;&lt;code&gt;true&lt;/code&gt; to enable dragging of this Panel (defaults to &lt;code&gt;false&lt;/code&gt;).&lt;/p&gt;
		/// &lt;p&gt;For custom drag/drop implementations, an &lt;b&gt;Ext.Panel.DD&lt;/b&gt; config could also be passed
		/// in this config instead of &lt;code&gt;true&lt;/code&gt;. Ext.Panel.DD is an internal, undocumented class which
		/// moves a proxy Element around in place of the Panel&apos;s element, but provides no other behaviour
		/// during dragging or on drop. It is a subclass of {@link Ext.dd.DragSource}, so behaviour may be
		/// added by implementing the interface methods of {@link Ext.dd.DragDrop} e.g.:
		/// &lt;pre&gt;&lt;code&gt;
		/// new Ext.Panel({
		/// title: &apos;Drag me&apos;,
		/// x: 100,
		/// y: 100,
		/// renderTo: Ext.getBody(),
		/// floating: true,
		/// frame: true,
		/// width: 400,
		/// height: 200,
		/// draggable: {
		/// // Config option of Ext.Panel.DD class.
		/// // It&amp;#39;s a floating Panel, so do not show a placeholder proxy in the original position.
		/// insertProxy: false,
		///
		/// // Called for each mousemove event while dragging the DD object.
		/// onDrag : function(e){
		/// // Record the x,y position of the drag proxy so that we can
		/// // position the Panel at end of drag.
		/// var pel = this.proxy.getEl();
		/// this.x = pel.getLeft(true);
		/// this.y = pel.getTop(true);
		///
		/// // Keep the Shadow aligned if there is one.
		/// var s = this.panel.getEl().shadow;
		/// if (s) {
		/// s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());
		/// }
		/// },
		///
		/// // Called on the mouseup event.
		/// endDrag : function(e){
		/// this.panel.setPosition(this.x, this.y);
		/// }
		/// }
		/// }).show();
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("draggable")]
		public ext.auto.System_Boolean_Or_System_Object Draggable;
		
		/// <summary>
		/// Render this panel disabled (default is false). An important note when using the disabled
		/// config on panels is that IE will often fail to initialize the disabled mask element correectly if
		/// the panel&apos;s layout has not yet completed by the time the Panel is disabled during the render process.
		/// If you experience this issue, you may need to instead use the {@link #afterlayout} event to initialize
		/// the disabled state:
		/// 
		/// new Ext.Panel({
		/// ...
		/// listeners: {
		/// &apos;afterlayout&apos;: {
		/// fn: function(p){
		/// p.disable();
		/// },
		/// single: true // important, as many layouts can occur
		/// }
		/// }
		/// });
		/// </summary>
		/// <htmlSummary>
		/// Render this panel disabled (default is &lt;code&gt;false&lt;/code&gt;). An important note when using the disabled
		/// config on panels is that IE will often fail to initialize the disabled mask element correectly if
		/// the panel&apos;s layout has not yet completed by the time the Panel is disabled during the render process.
		/// If you experience this issue, you may need to instead use the {@link #afterlayout} event to initialize
		/// the disabled state:
		/// &lt;pre&gt;&lt;code&gt;
		/// new Ext.Panel({
		/// ...
		/// listeners: {
		/// &apos;afterlayout&apos;: {
		/// fn: function(p){
		/// p.disable();
		/// },
		/// single: true // important, as many layouts can occur
		/// }
		/// }
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("disabled")]
		public bool Disabled;
		
		/// <summary>
		/// true to use height:&apos;auto&apos;, false to use fixed height (defaults to false).
		/// Note: Setting autoHeight: true means that the browser will manage the panel&apos;s height
		/// based on its contents, and that Ext will not manage it at all. If the panel is within a layout that
		/// manages dimensions (fit, border, etc.) then setting autoHeight: true
		/// can cause issues with scrolling and will not generally work as expected since the panel will take
		/// on the height of its contents rather than the height required by the Ext layout.
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to use height:&apos;auto&apos;, &lt;code&gt;false&lt;/code&gt; to use fixed height (defaults to &lt;code&gt;false&lt;/code&gt;).
		/// &lt;b&gt;Note&lt;/b&gt;: Setting &lt;code&gt;autoHeight: true&lt;/code&gt; means that the browser will manage the panel&apos;s height
		/// based on its contents, and that Ext will not manage it at all. If the panel is within a layout that
		/// manages dimensions (&lt;code&gt;fit&lt;/code&gt;, &lt;code&gt;border&lt;/code&gt;, etc.) then setting &lt;code&gt;autoHeight: true&lt;/code&gt;
		/// can cause issues with scrolling and will not generally work as expected since the panel will take
		/// on the height of its contents rather than the height required by the Ext layout.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("autoHeight")]
		public bool AutoHeight;
		
		/// <summary>
		/// The base CSS class to apply to this panel&apos;s element (defaults to &apos;x-panel&apos;).
		/// Another option available by default is to specify &apos;x-plain&apos; which strips all styling
		/// except for required attributes for Ext layouts to function (e.g. overflow:hidden).
		/// See {@link #unstyled} also.
		/// </summary>
		/// <htmlSummary>
		/// The base CSS class to apply to this panel&apos;s element (defaults to &lt;code&gt;&apos;x-panel&apos;&lt;/code&gt;).
		/// &lt;p&gt;Another option available by default is to specify &lt;code&gt;&apos;x-plain&apos;&lt;/code&gt; which strips all styling
		/// except for required attributes for Ext layouts to function (e.g. overflow:hidden).
		/// See &lt;code&gt;{@link #unstyled}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("baseCls")]
		public string BaseCls;
		
		/// <summary>
		/// A CSS class to add to the panel&apos;s element after it has been collapsed (defaults to
		/// &apos;x-panel-collapsed&apos;).
		/// </summary>
		/// <htmlSummary>
		/// A CSS class to add to the panel&apos;s element after it has been collapsed (defaults to
		/// &lt;code&gt;&apos;x-panel-collapsed&apos;&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("collapsedCls")]
		public string CollapsedCls;
		
		/// <summary>
		/// true to mask the panel when it is {@link #disabled}, false to not mask it (defaults
		/// to true). Either way, the panel will always tell its contained elements to disable themselves
		/// when it is disabled, but masking the panel can provide an additional visual cue that the panel is
		/// disabled.
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to mask the panel when it is {@link #disabled}, &lt;code&gt;false&lt;/code&gt; to not mask it (defaults
		/// to &lt;code&gt;true&lt;/code&gt;). Either way, the panel will always tell its contained elements to disable themselves
		/// when it is disabled, but masking the panel can provide an additional visual cue that the panel is
		/// disabled.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("maskDisabled")]
		public bool MaskDisabled;
		
		/// <summary>
		/// true to animate the transition when the panel is collapsed, false to skip the
		/// animation (defaults to true if the {@link Ext.Fx} class is available, otherwise false).
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to animate the transition when the panel is collapsed, &lt;code&gt;false&lt;/code&gt; to skip the
		/// animation (defaults to &lt;code&gt;true&lt;/code&gt; if the {@link Ext.Fx} class is available, otherwise &lt;code&gt;false&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("animCollapse")]
		public bool AnimCollapse;
		
		/// <summary>
		/// true to display the panel {@link #title} in the {@link #header},
		/// false to hide it (defaults to true).
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to display the panel &lt;code&gt;{@link #title}&lt;/code&gt; in the &lt;code&gt;{@link #header}&lt;/code&gt;,
		/// &lt;code&gt;false&lt;/code&gt; to hide it (defaults to &lt;code&gt;true&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("headerAsText")]
		public bool HeaderAsText;
		
		/// <summary>
		/// The alignment of any {@link #buttons} added to this panel. Valid values are &apos;right&apos;,
		/// &apos;left&apos; and &apos;center&apos; (defaults to &apos;right&apos;).
		/// </summary>
		/// <htmlSummary>
		/// The alignment of any {@link #buttons} added to this panel. Valid values are &lt;code&gt;&apos;right&apos;&lt;/code&gt;,
		/// &lt;code&gt;&apos;left&apos;&lt;/code&gt; and &lt;code&gt;&apos;center&apos;&lt;/code&gt; (defaults to &lt;code&gt;&apos;right&apos;&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("buttonAlign")]
		public string ButtonAlign;
		
		/// <summary>
		/// true to render the panel collapsed, false to render it expanded (defaults to
		/// false).
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to render the panel collapsed, &lt;code&gt;false&lt;/code&gt; to render it expanded (defaults to
		/// &lt;code&gt;false&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("collapsed")]
		public bool Collapsed;
		
		/// <summary>
		/// true to make sure the collapse/expand toggle button always renders first (to the left of)
		/// any other tools in the panel&apos;s title bar, false to render it last (defaults to true).
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to make sure the collapse/expand toggle button always renders first (to the left of)
		/// any other tools in the panel&apos;s title bar, &lt;code&gt;false&lt;/code&gt; to render it last (defaults to &lt;code&gt;true&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("collapseFirst")]
		public bool CollapseFirst;
		
		/// <summary>Minimum width in pixels of all {@link #buttons} in this panel (defaults to 75)</summary>
		/// <htmlSummary>Minimum width in pixels of all {@link #buttons} in this panel (defaults to &lt;code&gt;75&lt;/code&gt;)</htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("minButtonWidth")]
		public System.Number MinButtonWidth;
		
		/// <summary>
		/// Overrides the {@link #baseCls} setting to {@link #baseCls} = &apos;x-plain&apos; which renders
		/// the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden).
		/// </summary>
		/// <htmlSummary>
		/// Overrides the &lt;code&gt;{@link #baseCls}&lt;/code&gt; setting to &lt;code&gt;{@link #baseCls} = &apos;x-plain&apos;&lt;/code&gt; which renders
		/// the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("unstyled")]
		public bool Unstyled;
		
		/// <summary>
		/// A comma-delimited list of panel elements to initialize when the panel is rendered. Normally, this list will be
		/// generated automatically based on the items added to the panel at config time, but sometimes it might be useful to
		/// make sure a structural element is rendered even if not specified at config time (for example, you may want
		/// to add a button or toolbar dynamically after the panel has been rendered). Adding those elements to this
		/// list will allocate the required placeholders in the panel when it is rendered. Valid values are   header  tbar (top bar)  body  bbar (bottom bar)  footer   
		/// Defaults to &apos;body&apos;.
		/// </summary>
		/// <htmlSummary>
		/// A comma-delimited list of panel elements to initialize when the panel is rendered. Normally, this list will be
		/// generated automatically based on the items added to the panel at config time, but sometimes it might be useful to
		/// make sure a structural element is rendered even if not specified at config time (for example, you may want
		/// to add a button or toolbar dynamically after the panel has been rendered). Adding those elements to this
		/// list will allocate the required placeholders in the panel when it is rendered. Valid values are&lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;
		/// &lt;li&gt;&lt;code&gt;header&lt;/code&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;code&gt;tbar&lt;/code&gt; (top bar)&lt;/li&gt;
		/// &lt;li&gt;&lt;code&gt;body&lt;/code&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;code&gt;bbar&lt;/code&gt; (bottom bar)&lt;/li&gt;
		/// &lt;li&gt;&lt;code&gt;footer&lt;/code&gt;&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;
		/// Defaults to &apos;&lt;code&gt;body&lt;/code&gt;&apos;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("elements")]
		public string Elements;
		
		/// <summary>
		/// Defaults to false. When set to true, an extra css class &apos;x-panel-normal&apos;
		/// will be added to the panel&apos;s element, effectively applying css styles suggested by the W3C
		/// (see http://www.w3.org/TR/CSS21/sample.html) to the Panel&apos;s body element (not the header,
		/// footer, etc.).
		/// </summary>
		/// <htmlSummary>
		/// Defaults to &lt;code&gt;false&lt;/code&gt;. When set to &lt;code&gt;true&lt;/code&gt;, an extra css class &lt;code&gt;&apos;x-panel-normal&apos;&lt;/code&gt;
		/// will be added to the panel&apos;s element, effectively applying css styles suggested by the W3C
		/// (see http://www.w3.org/TR/CSS21/sample.html) to the Panel&apos;s &lt;b&gt;body&lt;/b&gt; element (not the header,
		/// footer, etc.).
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("preventBodyReset")]
		public bool PreventBodyReset;
		
		/// <summary>
		/// A shortcut for setting a padding style on the body element. The value can either be
		/// a number to be applied to all sides, or a normal css string describing padding.
		/// Defaults to undefined.
		/// </summary>
		/// <htmlSummary>
		/// A shortcut for setting a padding style on the body element. The value can either be
		/// a number to be applied to all sides, or a normal css string describing padding.
		/// Defaults to &lt;tt&gt;undefined&lt;/tt&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("padding")]
		public ext.auto.System_String_Or_System_Number Padding;
		
		/// <summary>The event to listen to for resizing in layouts. Defaults to &apos;bodyresize&apos;.</summary>
		/// <htmlSummary>The event to listen to for resizing in layouts. Defaults to &lt;tt&gt;&apos;bodyresize&apos;&lt;/tt&gt;.</htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("resizeEvent")]
		public string ResizeEvent;
		
		/// <summary>Fires after the Panel has been resized.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bodyresizeEventName")]
		public const string BodyresizeEventName = "bodyresize";
		
		/// <summary>Fires after the Panel title has been {@link #title set} or {@link #setTitle changed}.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("titlechangeEventName")]
		public const string TitlechangeEventName = "titlechange";
		
		/// <summary>Fires after the Panel icon class has been {@link #iconCls set} or {@link #setIconClass changed}.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("iconchangeEventName")]
		public const string IconchangeEventName = "iconchange";
		
		/// <summary>Fires after the Panel has been collapsed.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("collapseEventName")]
		public const string CollapseEventName = "collapse";
		
		/// <summary>Fires after the Panel has been expanded.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("expandEventName")]
		public const string ExpandEventName = "expand";
		
		/// <summary>Fires before the Panel is collapsed. A handler can return false to cancel the collapse.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("beforecollapseEventName")]
		public const string BeforecollapseEventName = "beforecollapse";
		
		/// <summary>Fires before the Panel is expanded. A handler can return false to cancel the expand.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("beforeexpandEventName")]
		public const string BeforeexpandEventName = "beforeexpand";
		
		/// <summary>
		/// Fires before the Panel is closed. Note that Panels do not directly support being closed, but some
		/// Panel subclasses do (like {@link Ext.Window}) or a Panel within a Ext.TabPanel. This event only
		/// applies to such subclasses.
		/// A handler can return false to cancel the close.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("beforecloseEventName")]
		public const string BeforecloseEventName = "beforeclose";
		
		/// <summary>
		/// Fires after the Panel is closed. Note that Panels do not directly support being closed, but some
		/// Panel subclasses do (like {@link Ext.Window}) or a Panel within a Ext.TabPanel.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("closeEventName")]
		public const string CloseEventName = "close";
		
		/// <summary>
		/// Fires after the Panel has been visually activated.
		/// Note that Panels do not directly support being activated, but some Panel subclasses
		/// do (like {@link Ext.Window}). Panels which are child Components of a TabPanel fire the
		/// activate and deactivate events under the control of the TabPanel.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("activateEventName")]
		public const string ActivateEventName = "activate";
		
		/// <summary>
		/// Fires after the Panel has been visually deactivated.
		/// Note that Panels do not directly support being deactivated, but some Panel subclasses
		/// do (like {@link Ext.Window}). Panels which are child Components of a TabPanel fire the
		/// activate and deactivate events under the control of the TabPanel.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("deactivateEventName")]
		public const string DeactivateEventName = "deactivate";
		
		/// <summary>@hide</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("autoEl")]
		public string AutoEl;
		#endregion
		
		#region Properties
		/// <summary>
		/// The Panel&apos;s header {@link Ext.Element Element}. Read-only.
		/// This Element is used to house the {@link #title} and {@link #tools}
		/// </summary>
		/// <htmlSummary>
		/// The Panel&apos;s header {@link Ext.Element Element}. Read-only.
		/// &lt;p&gt;This Element is used to house the {@link #title} and {@link #tools}&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: see the Note for &lt;code&gt;{@link Ext.Component#el el}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("header")]
		[IntrinsicProperty()]
		public ext.Element HeaderProperty
		{
			get
			{
				throw new System.Exception("Imported - not implemented");
			}
		}
		
		/// <summary>
		/// The Panel&apos;s body {@link Ext.Element Element} which may be used to contain HTML content.
		/// The content may be specified in the {@link #html} config, or it may be loaded using the
		/// {@link autoLoad} config, or through the Panel&apos;s {@link #getUpdater Updater}. Read-only.
		/// If this is used to load visible HTML elements in either way, then
		/// the Panel may not be used as a Layout for hosting nested Panels.  If this Panel is intended to be used as the host of a Layout (See {@link #layout}
		/// then the body Element must not be loaded or changed - it is under the control
		/// of the Panel&apos;s Layout.
		/// </summary>
		/// <htmlSummary>
		/// The Panel&apos;s body {@link Ext.Element Element} which may be used to contain HTML content.
		/// The content may be specified in the {@link #html} config, or it may be loaded using the
		/// {@link autoLoad} config, or through the Panel&apos;s {@link #getUpdater Updater}. Read-only.
		/// &lt;p&gt;If this is used to load visible HTML elements in either way, then
		/// the Panel may not be used as a Layout for hosting nested Panels.&lt;/p&gt;
		/// &lt;p&gt;If this Panel is intended to be used as the host of a Layout (See {@link #layout}
		/// then the body Element must not be loaded or changed - it is under the control
		/// of the Panel&apos;s Layout.
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: see the Note for &lt;code&gt;{@link Ext.Component#el el}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("body")]
		[IntrinsicProperty()]
		public ext.Element Body
		{
			get
			{
				throw new System.Exception("Imported - not implemented");
			}
		}
		
		/// <summary>
		/// The Panel&apos;s bwrap {@link Ext.Element Element} used to contain other Panel elements
		/// (tbar, body, bbar, footer). See {@link #bodyCfg}. Read-only.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bwrap")]
		[IntrinsicProperty()]
		public ext.Element Bwrap
		{
			get
			{
				throw new System.Exception("Imported - not implemented");
			}
		}
		
		/// <summary>True if this panel is collapsed. Read-only.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("collapsed")]
		[IntrinsicProperty()]
		public bool CollapsedProperty
		{
			get
			{
				throw new System.Exception("Imported - not implemented");
			}
		}
		
		/// <summary>
		/// The Panel&apos;s footer {@link Ext.Element Element}. Read-only.
		/// This Element is used to house the Panel&apos;s {@link #buttons} or {@link #fbar}.
		/// </summary>
		/// <htmlSummary>
		/// The Panel&apos;s footer {@link Ext.Element Element}. Read-only.
		/// &lt;p&gt;This Element is used to house the Panel&apos;s &lt;code&gt;{@link #buttons}&lt;/code&gt; or &lt;code&gt;{@link #fbar}&lt;/code&gt;.&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: see the Note for &lt;code&gt;{@link Ext.Component#el el}&lt;/code&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("footer")]
		[IntrinsicProperty()]
		public ext.Element FooterProperty
		{
			get
			{
				throw new System.Exception("Imported - not implemented");
			}
		}
		
		/// <summary>
		/// This Panel&apos;s Array of buttons as created from the {@link #buttons}
		/// config property. Read only.
		/// </summary>
		/// <htmlSummary>
		/// This Panel&apos;s Array of buttons as created from the &lt;code&gt;{@link #buttons}&lt;/code&gt;
		/// config property. Read only.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("buttons")]
		[IntrinsicProperty()]
		public System.Array ButtonsProperty
		{
			get
			{
				throw new System.Exception("Imported - not implemented");
			}
			set
			{
			}
		}
		
		/// <summary>
		/// If this Panel is configured {@link #draggable}, this property will contain
		/// an instance of {@link Ext.dd.DragSource} which handles dragging the Panel. 
		/// The developer must provide implementations of the abstract methods of {@link Ext.dd.DragSource}
		/// in order to supply behaviour for each stage of the drag/drop process. See {@link #draggable}.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;If this Panel is configured {@link #draggable}, this property will contain
		/// an instance of {@link Ext.dd.DragSource} which handles dragging the Panel.&lt;/p&gt;
		/// The developer must provide implementations of the abstract methods of {@link Ext.dd.DragSource}
		/// in order to supply behaviour for each stage of the drag/drop process. See {@link #draggable}.
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("dd")]
		[IntrinsicProperty()]
		public ext.dd.DragSource Dd
		{
			get
			{
				throw new System.Exception("Imported - not implemented");
			}
			set
			{
			}
		}
		#endregion
		
		#region Methods
		/// <summary>
		/// Sets the CSS class that provides the icon image for this panel. This method will replace any existing
		/// icon class if one has already been set and fire the {@link #iconchange} event after completion.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="cls">The new CSS class name</param>
		[ScriptName("setIconClass")]
		public void SetIconClass(string cls)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Returns the {@link Ext.Toolbar toolbar} from the top ({@link #tbar}) section of the panel.</summary>
		/// <htmlSummary>Returns the {@link Ext.Toolbar toolbar} from the top (&lt;code&gt;{@link #tbar}&lt;/code&gt;) section of the panel.</htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <returns>The toolbar</returns>
		[ScriptName("getTopToolbar")]
		public ext.Toolbar GetTopToolbar()
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Returns the {@link Ext.Toolbar toolbar} from the bottom ({@link #bbar}) section of the panel.</summary>
		/// <htmlSummary>Returns the {@link Ext.Toolbar toolbar} from the bottom (&lt;code&gt;{@link #bbar}&lt;/code&gt;) section of the panel.</htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <returns>The toolbar</returns>
		[ScriptName("getBottomToolbar")]
		public ext.Toolbar GetBottomToolbar()
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Returns the {@link Ext.Toolbar toolbar} from the footer ({@link #fbar}) section of the panel.</summary>
		/// <htmlSummary>Returns the {@link Ext.Toolbar toolbar} from the footer (&lt;code&gt;{@link #fbar}&lt;/code&gt;) section of the panel.</htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <returns>The toolbar</returns>
		[ScriptName("getFooterToolbar")]
		public ext.Toolbar GetFooterToolbar()
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Collapses the panel body so that it becomes hidden. Fires the {@link #beforecollapse} event which will
		/// cancel the collapse action if it returns false.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="animate">
		/// True to animate the transition, else false (defaults to the value of the
		/// {@link #animCollapse} panel config)
		/// </param>
		/// <returns>this</returns>
		[ScriptName("collapse")]
		public ext.Panel CollapseMethod(bool animate)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Expands the panel body so that it becomes visible. Fires the {@link #beforeexpand} event which will
		/// cancel the expand action if it returns false.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="animate">
		/// True to animate the transition, else false (defaults to the value of the
		/// {@link #animCollapse} panel config)
		/// </param>
		/// <returns>this</returns>
		[ScriptName("expand")]
		public ext.Panel ExpandMethod(bool animate)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Shortcut for performing an {@link #expand} or {@link #collapse} based on the current state of the panel.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="animate">
		/// True to animate the transition, else false (defaults to the value of the
		/// {@link #animCollapse} panel config)
		/// </param>
		/// <returns>this</returns>
		[ScriptName("toggleCollapse")]
		public ext.Panel ToggleCollapse(bool animate)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Returns the width in pixels of the framing elements of this panel (not including the body width). To
		/// retrieve the body width see {@link #getInnerWidth}.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <returns>The frame width</returns>
		[ScriptName("getFrameWidth")]
		public System.Number GetFrameWidth()
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and
		/// header and footer elements, but not including the body height). To retrieve the body height see {@link #getInnerHeight}.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <returns>The frame height</returns>
		[ScriptName("getFrameHeight")]
		public System.Number GetFrameHeight()
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Returns the width in pixels of the body element (not including the width of any framing elements).
		/// For the frame width see {@link #getFrameWidth}.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <returns>The body width</returns>
		[ScriptName("getInnerWidth")]
		public System.Number GetInnerWidth()
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Returns the height in pixels of the body element (not including the height of any framing elements).
		/// For the frame height see {@link #getFrameHeight}.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <returns>The body height</returns>
		[ScriptName("getInnerHeight")]
		public System.Number GetInnerHeight()
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Get the {@link Ext.Updater} for this panel. Enables you to perform Ajax updates of this panel&apos;s body.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <returns>The Updater</returns>
		[ScriptName("getUpdater")]
		public ext.Updater GetUpdater()
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Retrieve a tool by id.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="id"></param>
		/// <returns>tool</returns>
		[ScriptName("getTool")]
		public object GetTool(string id)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Adds a button to this panel. Note that this method must be called prior to rendering. The preferred
		/// approach is to add buttons via the {@link #buttons} config.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="config">
		/// A valid {@link Ext.Button} config. A string will become the text for a default
		/// button config, an object will be treated as a button config object.
		/// </param>
		/// <param name="handler">The function to be called on button {@link Ext.Button#click}</param>
		/// <param name="scope">The scope (<c>this</c> reference) in which the button handler function is executed. Defaults to the Button.</param>
		/// <returns>The button that was added</returns>
		[ScriptName("addButton")]
		public ext.Button AddButton(string config, System.Delegate handler, object scope)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Adds a button to this panel. Note that this method must be called prior to rendering. The preferred
		/// approach is to add buttons via the {@link #buttons} config.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="config">
		/// A valid {@link Ext.Button} config. A string will become the text for a default
		/// button config, an object will be treated as a button config object.
		/// </param>
		/// <param name="handler">The function to be called on button {@link Ext.Button#click}</param>
		/// <param name="scope">The scope (<c>this</c> reference) in which the button handler function is executed. Defaults to the Button.</param>
		/// <returns>The button that was added</returns>
		[ScriptName("addButton")]
		public ext.Button AddButton(object config, System.Delegate handler, object scope)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Sets the title text for the panel and optionally the {@link #iconCls icon class}.  In order to be able to set the title, a header element must have been created
		/// for the Panel. This is triggered either by configuring the Panel with a non-blank {@link #title},
		/// or configuring it with {@link #header}: true.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;Sets the title text for the panel and optionally the {@link #iconCls icon class}.&lt;/p&gt;
		/// &lt;p&gt;In order to be able to set the title, a header element must have been created
		/// for the Panel. This is triggered either by configuring the Panel with a non-blank &lt;code&gt;{@link #title}&lt;/code&gt;,
		/// or configuring it with &lt;code&gt;&lt;b&gt;{@link #header}: true&lt;/b&gt;&lt;/code&gt;.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="title">The title text to set</param>
		/// <param name="iconCls">{@link #iconCls iconCls} A user-defined CSS class that provides the icon image for this panel</param>
		[ScriptName("setTitle")]
		public void SetTitle(string title, string iconCls)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>
		/// Sets the title text for the panel and optionally the {@link #iconCls icon class}.  In order to be able to set the title, a header element must have been created
		/// for the Panel. This is triggered either by configuring the Panel with a non-blank {@link #title},
		/// or configuring it with {@link #header}: true.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;Sets the title text for the panel and optionally the {@link #iconCls icon class}.&lt;/p&gt;
		/// &lt;p&gt;In order to be able to set the title, a header element must have been created
		/// for the Panel. This is triggered either by configuring the Panel with a non-blank &lt;code&gt;{@link #title}&lt;/code&gt;,
		/// or configuring it with &lt;code&gt;&lt;b&gt;{@link #header}: true&lt;/b&gt;&lt;/code&gt;.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="title">The title text to set</param>
		[ScriptName("setTitle")]
		public void SetTitle(string title)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Loads this content panel immediately with content returned from an XHR call.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="config">
		/// A config object containing any of the following options:
		/// <c>
		/// panel.load({
		/// url: &apos;your-url.php&apos;,
		/// params: {param1: &apos;foo&apos;, param2: &apos;bar&apos;}, // or a URL encoded string
		/// callback: yourFunction,
		/// scope: yourObject, // optional scope for the callback
		/// discardUrl: false,
		/// nocache: false,
		/// text: &apos;Loading...&apos;,
		/// timeout: 30,
		/// scripts: false
		/// });
		/// </c>&lt;/pre&gt;
		/// The only required property is url. The optional properties nocache, text and scripts
		/// are shorthand for disableCaching, indicatorText and loadScripts and are used to set their
		/// associated property on this panel Updater instance.
		/// </param>
		/// <returns>this</returns>
		[ScriptName("load")]
		public ext.Panel Load(object config)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Loads this content panel immediately with content returned from an XHR call.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="config">
		/// A config object containing any of the following options:
		/// <c>
		/// panel.load({
		/// url: &apos;your-url.php&apos;,
		/// params: {param1: &apos;foo&apos;, param2: &apos;bar&apos;}, // or a URL encoded string
		/// callback: yourFunction,
		/// scope: yourObject, // optional scope for the callback
		/// discardUrl: false,
		/// nocache: false,
		/// text: &apos;Loading...&apos;,
		/// timeout: 30,
		/// scripts: false
		/// });
		/// </c>&lt;/pre&gt;
		/// The only required property is url. The optional properties nocache, text and scripts
		/// are shorthand for disableCaching, indicatorText and loadScripts and are used to set their
		/// associated property on this panel Updater instance.
		/// </param>
		/// <returns>this</returns>
		[ScriptName("load")]
		public ext.Panel Load(string config)
		{
			throw new System.Exception("Imported - not implemented");
		}
		
		/// <summary>Loads this content panel immediately with content returned from an XHR call.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		/// <param name="config">
		/// A config object containing any of the following options:
		/// <c>
		/// panel.load({
		/// url: &apos;your-url.php&apos;,
		/// params: {param1: &apos;foo&apos;, param2: &apos;bar&apos;}, // or a URL encoded string
		/// callback: yourFunction,
		/// scope: yourObject, // optional scope for the callback
		/// discardUrl: false,
		/// nocache: false,
		/// text: &apos;Loading...&apos;,
		/// timeout: 30,
		/// scripts: false
		/// });
		/// </c>&lt;/pre&gt;
		/// The only required property is url. The optional properties nocache, text and scripts
		/// are shorthand for disableCaching, indicatorText and loadScripts and are used to set their
		/// associated property on this panel Updater instance.
		/// </param>
		/// <returns>this</returns>
		[ScriptName("load")]
		public ext.Panel Load(System.Delegate config)
		{
			throw new System.Exception("Imported - not implemented");
		}
		#endregion
		
		#region Events
		/// <summary>Fires after the Panel has been resized.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("bodyresize")]
		public event ext.auto.Delegate_ext_Panel_And_System_Number_And_System_Number Bodyresize;
		
		/// <summary>Fires after the Panel title has been {@link #title set} or {@link #setTitle changed}.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("titlechange")]
		public event ext.auto.Delegate_ext_Panel_And_System_String Titlechange;
		
		/// <summary>Fires after the Panel icon class has been {@link #iconCls set} or {@link #setIconClass changed}.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("iconchange")]
		public event ext.auto.Delegate_ext_Panel_And_System_String_And_System_String Iconchange;
		
		/// <summary>Fires after the Panel has been collapsed.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("collapse")]
		public event ext.auto.Delegate_ext_Panel Collapse;
		
		/// <summary>Fires after the Panel has been expanded.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("expand")]
		public event ext.auto.Delegate_ext_Panel Expand;
		
		/// <summary>Fires before the Panel is collapsed. A handler can return false to cancel the collapse.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("beforecollapse")]
		public event ext.auto.Delegate_ext_Panel_And_System_Boolean Beforecollapse;
		
		/// <summary>Fires before the Panel is expanded. A handler can return false to cancel the expand.</summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("beforeexpand")]
		public event ext.auto.Delegate_ext_Panel_And_System_Boolean Beforeexpand;
		
		/// <summary>
		/// Fires before the Panel is closed. Note that Panels do not directly support being closed, but some
		/// Panel subclasses do (like {@link Ext.Window}) or a Panel within a Ext.TabPanel. This event only
		/// applies to such subclasses.
		/// A handler can return false to cancel the close.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("beforeclose")]
		public event ext.auto.Delegate_ext_Panel Beforeclose;
		
		/// <summary>
		/// Fires after the Panel is closed. Note that Panels do not directly support being closed, but some
		/// Panel subclasses do (like {@link Ext.Window}) or a Panel within a Ext.TabPanel.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("close")]
		public event ext.auto.Delegate_ext_Panel Close;
		
		/// <summary>
		/// Fires after the Panel has been visually activated.
		/// Note that Panels do not directly support being activated, but some Panel subclasses
		/// do (like {@link Ext.Window}). Panels which are child Components of a TabPanel fire the
		/// activate and deactivate events under the control of the TabPanel.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("activate")]
		public event ext.auto.Delegate_ext_Panel Activate;
		
		/// <summary>
		/// Fires after the Panel has been visually deactivated.
		/// Note that Panels do not directly support being deactivated, but some Panel subclasses
		/// do (like {@link Ext.Window}). Panels which are child Components of a TabPanel fire the
		/// activate and deactivate events under the control of the TabPanel.
		/// </summary>
		/// <definedin>src\widgets\Panel.js</definedin>
		[ScriptName("deactivate")]
		public event ext.auto.Delegate_ext_Panel Deactivate;
		#endregion
	}
}
